﻿@charset "utf-8";
/* CSS Document */


body { font-size: 16px; font-family: "microsoft yahei"; color: #000; background: #fff ;width:100%;overflow-x: hidden;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input, select, textarea { vertical-align: middle; outline:none; border:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0;margin: 0;padding: 0; }
ul, li, ol, dl, dt {list-style: none;}
table {border-collapse: collapse;table-layout: fixed;}
td{border: 1px solid #f5f5f5;}
a { text-decoration: none; outline: none; color:#2b2b2b; }
a:hover {color: #146eb3;}
* { padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.w { width: 1260px; margin: 0 auto; }
.bgf4f5ff{background-color: #f4f5ff;}
.bg001{background-color: #083e9b;}
.bgfff{background-color: #fff;}
.bgf8f8f8{background-color: #f8f8f8;}
.display-block{display: block;}
.display-inline-block{display: inline-block;}
.display-none{display: none;}
.relative{position: relative;}
.ofhd {overflow: hidden;}
.hd20{height: 20px;}
.hd30{height: 30px;}
.hd40{height: 40px;}
.text-center{text-align: center;}
.ft12{font-size: 12px;}
.ft14{font-size: 14px;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}
.ft24{font-size: 24px;}
.ft30{font-size: 30px;}
.fwb{font-weight: bold;}
.lhd200{line-height: 200%;}
.f-f-impact{font-family: Impact;}
.uppercase{text-transform: uppercase;}
.colorfff{color: #fff;}
.color333{color: #333;}
.color666{color: #666;}
.color999{color: #999;}
.color001{color: #083e9b;}
.clear{clear: both;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}
.pdv10,.pd10-0{padding: 10px 0;}
.pdv20,.pd20-0{padding: 20px 0;}
.pdh10,.pd0-10{padding:0 10px;}
.pdh20,.pd0-20{padding:0 20px;}
.max-img img{max-width: 100%;}

/*top&head*/
.top {height: 30px;background-color: #f7f7f7;border-bottom: 1px solid #eeeeee;}
.top p,.top a{line-height: 30px;color: #777777}
.head {padding: 15px 0;background-color: #fff;}
.head .logo{width:483px;height:88px;}
.head .int{width:252px;height:47px;border-left: 1px solid #949494;color: #666;line-height: 24px;margin-top:33px;padding-left: 15px;}
.head .cont-ser .ser {margin:43px 0 0 123px;height: 25px;border: 1px solid #d8d8d8;border-radius: 25px}
.head .cont-ser .ser .inpt{height:25px;width:200px;padding-left: 15px;border-bottom-left-radius: 25px;border-top-left-radius: 25px;}
.head .cont-ser .ser .sbtn{height:25px;width:35px;background:url("../images/ser-icon_06.png") no-repeat center;color: #fff;border-bottom-right-radius: 25px;border-top-right-radius: 25px;cursor: pointer}
.head .tel .t1{padding-left:40px;}
.head .tel .t2 {font-family: "Arial";font-weight: bold;line-height: 30px;color:#da3838;padding-left:40px;background: url("../images/tel.png") no-repeat left center;}

/*nav*/
.nav-wrap {width:100%;height: 50px;background-color: #083e9b}
.nav-wrap  .nav>li{float: left;position: relative}
.nav-wrap  .nav>li>a{display: inline-block;height: 50px;line-height: 50px;padding: 0 30px;color: #fff;font-size: 16px;}
.nav-wrap  .nav>li:hover>a,.nav-wrap  .nav>li.on{background-color: #0f55cd;}
.nav .nLi  .sub{ display:none; width:505px; left:0; top:50px;position:absolute;background:#fff; line-height:26px;z-index: 10;padding:  35px 30px 30px 30px}
.nav .nli_7 .sub, .nav .nli_8 .sub, .nav .nli_9 .sub{ right:0;left: auto;}
.nav-wrap  .nav .nLi:hover:before{content: "";display: block;width: 0;height: 0;border-bottom: 7px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent;position: absolute;bottom: 0;left:55px}
.nav .nLi  .sub-list {width: 180px;}
.nav .nLi  .sub-list li{ zoom:1;text-align:left;height: 34px;line-height: 34px;border-bottom: 1px solid #e5e5e5 }
.nav .nLi  .sub-list a{ display:inline-block;font-size: 14px;color: #333333 ;padding-left: 20px;background: url("../images/nav-arrow_06.png") no-repeat left;}
.nav .nLi  .sub .pic {width: 282px;height: 172px;overflow:hidden}
.nav .nLi  .sub .pic img {width: 100%;height: 100%}

/*banner*/
.banner {position: relative}
.banner .hd{position:absolute;height:30px;width: 100%;bottom: 30px;left: 0;z-index: 101}
.banner .hd ul{ zoom:1;position: absolute;bottom: 0;left:47%}
.banner .hd ul li{ float:left; width:15px; height:15px; text-align:center; background:#dcdcdc; cursor:pointer;border-radius: 50%;text-indent: -9999px;margin: 0 3px }
.banner .hd ul li.on{background:#0f55cd;}
.banner .bd {position: relative}
.banner .control{position: absolute;width:100%;z-index: 1;top:300px}
.banner .bd .prev{width:71px;height:71px;background: url("../images/banner-prev_03.png") no-repeat left center;margin-left: 30px }
.banner .bd .next{width:71px;height:71px;background: url("../images/banner-next_05.png") no-repeat right center;margin-right: 30px }
.banner .bd .prev,.banner .bd .next {opacity: 0.5}
.banner .bd .prev:hover,.banner .bd .next:hover {opacity: 1;transition: .5s;-webkit-transition: .5s;}
.banner .bd  .slide {background-repeat: no-repeat;background-size: cover;width: 100%;background-position: center center;height:690px;}

/*about*/
.about-wrapper {padding: 50px 0 106px 0}
.about-wrapper .pic{width:563px;height: 435px }
.about-wrapper .pic img{width:100%;height: auto; }
.about-wrapper .about{width: 50%;}
.about-wrapper .about h3.en{font-size: 48px;font-family: "Impact";color: #555;padding-top: 25px;position: relative}
.about-wrapper .about h3.en:before{content: "";display: block;width: 64px;height: 2px;background-color:#000;position: absolute;top: 0;left: 0;}
.about-wrapper .about h3.cn{font-size: 30px;color: #555;}
.about-wrapper .about p.det{font-size:14px;color: #555;line-height: 30px;padding: 20px 0}
.about-wrapper .about .more{display: block;width: 187px;height: 47px;border: 1px solid #dcdcdc;line-height: 47px;text-align: center;color: #999;margin: 20px 0;}
.about-wrapper .about .more span{display: inline-block;position: relative;transition:color .5s;}
.about-wrapper .about .more:hover span{color: #fff;}
.about-wrapper .about .more i{display: inline-block;width: 12px;height: 16px;background: url("../images/read-m-arrow_03.png") no-repeat center;margin-left: 25px;position: relative;top:3px}
.about-wrapper .about .date dd {float: left;width: 33.3%;border-right: 1px solid #dcdcdc;box-sizing: border-box;text-align: center}
.about-wrapper .about .date dd.ft {text-align:left}
.about-wrapper .about .date dd .num{font-size: 36px;font-family:"Impact";color: #083e9b;}
.about-wrapper .about .date dd .txt{color: #555555;line-height: 30px}


.product-Box .pbox-left {width: 252px;padding: 0 6px 6px 6px;}
.product-Box .pbox-right {width: 960px;}
.product-Box .pbox-left .hd-catname a{height: 48px;line-height: 48px;font-size: 20px;color: #fff;display: inline-block;padding: 20px 0;}

.product-Box .pbox-left .hd li{height: 55px;line-height: 55px;border: 1px solid #f4f4f4;border-top: none;cursor: pointer; padding-left: 20px; background: url(../images/icon_a1.png) 90% center no-repeat;}
.product-Box .pbox-left .hd li.li1{margin-top: 15px;border-top: 1px solid #f4f4f4;}
.product-Box .pbox-left .hd li.on{background: url(../images/icon_a.png) 90% center no-repeat;}
.product-Box .pbox-left .hd li.on a{color: #083e9b;}

.pbox-right .bd li{width: 30.333%; margin: 10px 0.75% 0;float: left;padding: 10px 0.75%;background-color: #fff;box-shadow: 1px 3px 10px #dfdfdf;}
.pbox-right .bd li img{width: 100%; max-width: 100%; height: 195px;visibility: hidden;}

.pbox-right .bd-title{border: 1px solid #e0dede;background-color: #fbfbfb;}
.pbox-right .bd-title .bd-name{display: inline-block;height: 48px;line-height: 48px;padding: 0 20px; color: #fff;font-size: 16px;}
.pbox-right .bd-title .p-more{display: inline-block;height: 48px;line-height: 48px;padding: 0 20px;}
.pbox-right .bd .p-title a{display: block;padding: 10px 0;font-size: 16px;}

.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#083e9b;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}
.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}

/*business*/
.business {width: 100%;padding: 80px 0;background: url("../images/equipment-bg_21.png") no-repeat  fixed;background-size: cover;position: relative}
.business .w {position: relative}
.business .item-nav {position: absolute;top:68px;right: 0}
.business .item-nav a{display: inline-block;float: left;width: 130px;height: 39px;border: 1px solid #fff;font-size: 16px;color: #fff;text-align: center;line-height: 39px;font-weight: bold;margin-left: 23px;border-radius: 5px}
.pic-left{ overflow:hidden; position:relative;padding-top: 28px}
.pic-left .hd{ overflow:hidden;width: 100% ;position: absolute;top: 35%;z-index: 1 }
.pic-left .prev,.pic-left .next { display:block;  width:24px; height:80px;overflow:hidden; cursor:pointer; position:absolute; margin-top: 60px;z-index: 1;}
.pic-left .next{ background:url("../images/proj-arrow-n_09.png") no-repeat left ;margin-right: 16px;right: 0;}
.pic-left .prev{ background:url("../images/proj-next-arrow_09.png") no-repeat left;margin-left: 10px}
.pic-left .bd{position:relative;}
.pic-left .bd ul{ overflow:hidden; zoom:1; }
.pic-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;width: 278px;padding: 8px;background-color: #fff;   }
.pic-left .bd ul li .pic{ text-align:center;width: 278px;height: 183px;overflow: hidden;z-index: 2}
.pic-left .bd ul li .pic img{width: 100%;height: auto;transition: .5s;-webkit-transition: .5s;}
.pic-left .bd ul li .pic:hover img{transform: scale(1.1);transition: .5s;-webkit-transition: .5s;}
.pic-left .bd ul li .title { line-height:30px;font-size: 16px;padding: 5px 0}
.pic-left .bd ul li .title a{ color: #083e9b;line-height: 30px}
.business .more-wrapper{text-align: center;margin-top: 50px}
.business .more{display:inline-block;width: 130px;height: 36px;border: 1px solid #fff;line-height: 36px;text-align: center;color: #fff;}
.business .more span{display: inline-block;position: relative;transition:color .5s;color: #fff;}
.business .more:hover span{color: #fff;}
.business .more i{display: inline-block;width: 12px;height: 16px;background: url("../images/read-m-arrow_03.png") no-repeat center;margin-left: 25px;position: relative;top:3px}

/*news*/
.news {padding: 80px 0}
.news .content{padding-top: 35px;}
.news h3.en {font-size:48px;font-family: "Impact";color: #555;}
.news h3.en span{font-size:30px;font-family: "microsoft yahei";color: #555;}
.slideTxtBox{ width:790px;text-align:left;  }
.slideTxtBox .hd{ height:44px; line-height:44px; background:#fff; position:relative; }
.slideTxtBox .hd ul li{ float:left;cursor:pointer;font-size:16px;border:1px dashed #c2c2c2;width: 195px;color: #555;text-align: center;line-height: 44px}
.slideTxtBox .hd ul li.on{background:#0662a1;color: #fff;}
.slideTxtBox .hd ul li.on a{ color:#fff; }
.slideTxtBox .bd li{border-bottom: 1px solid #e3e3e3;padding: 10px 0}
.slideTxtBox .bd li .date{font-size: 14px;color: #0769ae;text-align: right;width: 10%;border-right: 1px solid #e3e3e3;padding-right: 20px;box-sizing: border-box}
.slideTxtBox .bd li .date span{font-size:36px;font-family: "Impact";color: #083e9b;position: relative;text-transform: uppercase;display: block}
.slideTxtBox .bd li .con {width: 80%;box-sizing: border-box;padding-left: 20px}
.slideTxtBox .bd li .con .news-tit a{font-size: 16px;line-height: 30px;}
.slideTxtBox .bd li .con .pra{font-size: 14px;line-height: 30px;color: #999999;}
.slideTxtBox .bd li i{display: block;width: 10%;height:63px;background: url("../images/news-arrow_03.png") no-repeat center;}
.news-left {width: 354px;border: 1px solid #4792c6;padding: 15px;position: relative}
.news-left .hd a {display: block;position: absolute;width: 6px;height:6px;background-color: #4792c6;}
.news-left .hd a.prev {top: 0;left: 0;}
.news-left .hd a.prev:before {content: "";display: block;height: 6px;width: 83px;background-color:#4792c6;position: absolute;top: 0;left:6px}
.news-left .hd a.prev:after {content: "";display: block;height: 83px;width:6px;background-color:#4792c6;position: absolute;top: 6px;left:0}
.news-left .hd a.next {bottom: 0;right: 0;}
.news-left .hd a.next:before {content: "";display: block;height: 83px;width: 6px;background-color:#4792c6;position: absolute;bottom: 6px;right: 0}
.news-left .hd a.next:after {content: "";display: block;height: 6px;width:83px;background-color:#4792c6;position: absolute;bottom: 0;right: 6px}
.news-left .bd .pic{width: 356px;height: 340px;overflow: hidden;}
.news-left .bd li {position: relative}
.news-left .bd .pic img{width:100%;height: auto;transition: 2s;-webkit-transition: 2s;}
.news-left .bd .pic:hover img{transform: scale(1.2);transition: 2s;-webkit-transition: 2s;}
.news-left .bd .pic:hover .title{padding: 5px 0;transition: .5s;-webkit-transition: .5s;}
.news-left .bd .pic .title{position: absolute;width: 100%;bottom: 0;left: 0;background-color: rgba(19,97,153,.9);padding: 20px 0;transition: .5s;-webkit-transition: .5s;}
.news-left .bd .pic .title p {font-size: 16px;color: #fff;line-height: 30px;padding: 0 20px;box-sizing: border-box;}
.news-left .bd .pic .title p i{display: inline-block;float: right;width: 12px;height: 16px;background: url("../images/read-m-arrow_03.png") no-repeat center;position: relative;top:5px}


/*friend-link*/
.friend-link {width: 100%;height: 110px;background-color: #f4f4f4;}
.friend-link li.hd{height: 64px;padding: 0 20px;background-color: #fff;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;border-top: 4px solid #db2325;box-sizing: border-box}
.friend-link li{float: left;}
.friend-link li p.en{font-size: 18px;color: #666;padding-top: 10px}
.friend-link li p.cn{font-size: 12px;color: #666;}
.friend-link li a{display: inline-block;line-height: 20px;padding: 0 20px;;font-size: 16px;color: #666;margin-top: 25px;border-right: 1px solid #878787;}

/*footer*/
.footer {background-color: #1676b9;padding: 50px 0 0 0}
.footer .link {border-right: 1px dashed #3d8dc5}
.footer .link dl{float: left;padding-right: 70px;font-size: 16px;color: #fff;line-height: 30px}
.footer .link dd{line-height: 24px;}
.footer .link dd a{display: inline-block;font-size: 12px;color: #cfcfcf;line-height: 24px;}
.footer .qr-code{padding:20px 83px 0 83px;border-right: 1px dashed #3d8dc5}
.footer .qr-code .pic{width:104px;height:104px;overflow: hidden }
.footer .qr-code .pic img{width:100%;height: auto;}
.footer .qr-code .qr-tit{color: #cfcfcf;line-height: 30px}
.footer .contact{color: #fff;line-height: 38px;padding-left: 0px;}
.footer .contact li i {display: inline-block;width:20px;height: 20px;margin-right: 15px;background: url("../images/footer-icon_28.png") no-repeat;position: relative;top: 5px}
.footer .contact li:first-child i{background-position: 0 0 }
.footer .contact li:nth-child(2) i{background-position: 0 -38px }
.footer .contact li:nth-child(3) i{background-position: 0 -76px }
.footer .contact li:nth-child(4) i{background-position: 0 -115px }
.footer .bottom {background-color: #0060a3;width: 100%;height: 50px;margin-top: 30px;color: #d6d6d6;line-height: 50px;}
.footer .bottom a{color: #d6d6d6}


/*内页*/
.cat-nva a{font-size: 18px;color: #666;line-height: 62px;border-bottom: 1px solid transparent;margin: 0 10px;}
.cat-nva a:hover,.cat-nva a.on{color: #e30a20;border-bottom: 1px solid #e30a20}


/* 详情页2 */
.page-wrap .left-wrap{width: 22%;}
.page-wrap .left-wrap .catname{font-size: 30px;text-align: center;line-height: 200%;}
.page-wrap .left-wrap ul{border: 1px solid #c2c2c2;border-bottom: none;}
.page-wrap .left-wrap li{height: 48px;line-height: 48px;border-bottom: 1px solid #c2c2c2; padding-left: 15px;background: url(../images/icon_a1.png) 90% center no-repeat;}
.page-wrap .left-wrap li a{display: block; font-size: 16px;}
.page-wrap .left-wrap li.on,.page-wrap .left-wrap li:hover{background: url(../images/icon_a.png) 90% center no-repeat #f5f5f5;}
.page-wrap .left-wrap li.on a,.page-wrap .left-wrap li:hover a{color: #083e9b;}
.page-wrap .left-wrap .left-contact{border: 1px solid #c2c2c2;}
.page-wrap .right-wrap{width: 75%;}
.page-wrap .right-wrap .sub-title{border-bottom: 1px solid #eee;padding: 10px 0;}
.page-wrap .right-wrap .page-con .line{border-bottom: 1px #ccc dashed;}


.page-wrap .right-wrap .page-con .pro li{width: 29.33%;margin: 10px 1%; float: left;padding: 10px 1%;background-color: #fff;box-shadow: 1px 3px 10px #dfdfdf;}
.page-wrap .right-wrap .page-con .pro img{visibility: hidden; height: 222px;}
.page-wrap .right-wrap .page-con .pro .p-title{border-top: 1px solid #eee;}


.borderline .border-top, .borderline .border-left, .borderline .border-right, .borderline .border-bottom {background: #083e9b;position: absolute;}
.borderline .border-top, .borderline .border-bottom {width: 0;height: 1px;transition: width .3s;}
.borderline .border-top {top: -1px;left: 0;}
.borderline .border-bottom {right: 0;bottom: -1px;}
.borderline .border-left, .borderline .border-right {width: 1px;height: 0%;transition: height .3s;}
.borderline .border-right {right: 0;top: 0;}
.borderline .border-left {left: 0;bottom: 0;}
.borderline li:hover .border-top, .borderline li:hover .border-bottom {width: 100%;}
.borderline li:hover .border-left, .borderline li:hover .border-right {height: 100%;}


#allmap {width: 100%; height: 400px; overflow: hidden; font-family: "微软雅黑";}

#allmap b {color: #CC5522; font-size: 14px;}

#allmap img { max-width: none;}

/*案例展示*/
.ny-banner {width: 100%;height: 380px;background-repeat: no-repeat;background-position: center;display: table}
.ny-banner .des{width: 100%;height: 100px;text-align: center;display:table-cell;vertical-align: middle}
.ny-banner .des p {font-size: 44px;font-weight: bold;color: #fff;text-shadow: 0 1px 1px #000;}
.ny-main .hd {height: 62px;border-bottom: 1px solid #d6d6d6}
.ny-main .ny-nav{display: inline-block;color: #666;padding-top: 20px}
.ny-main .ny-nav a{display: inline-block;color: #666;}
.ny-main .ny-list li{float: left;margin: 0 8px}
.ny-main .ny-list a{display: inline-block;font-size: 18px;color: #666;line-height: 62px;border-bottom: 1px solid transparent;}
.ny-main .ny-list li:hover a,.ny-main .ny-list li.on a{color: #e30a20;border-bottom: 1px solid #e30a20}
.ny-main .bd {padding: 70px 0}
.ny-main .bd li{float: left;margin: 10px 6px }
.ny-main .bd li .pic{width: 240px;height: 360px;overflow: hidden}
.ny-main .bd li .pic img{width:100%;height:auto;transition: 1s;-webkit-transition: 1s;}
.ny-main .bd li .pic:hover img{transform: scale(1.1);transition: 1s;-webkit-transition: 1s;}
.ny-main .bd li .tit{font-size: 16px;color: #666;line-height: 45px;text-align: center}

/*.ny-page {text-align: center;padding:30px 0 70px 0}
.ny-page a{display: inline-block;width: 27px;height: 27px;background-color: #ededed;text-align: center;line-height: 27px;color: #666;margin: 0 7px}
.ny-page a:hover,.ny-page a.on{background-color: #0060a3;color: #fff}*/

.ny-page{ text-align:center; padding:30px 0 70px 0; clear:both; }
.ny-page a{ background:#ededed; line-height:26px; display:inline-block; font-size:14px; color:#666; padding:0 11px; margin:0 4px;}
.ny-page a.cur, .ny-page a:hover{ background:#0060a3;color:#fff;}
.ny-page .SplitPage span{ background:#0060a3;line-height:26px; display:inline-block; font-size:14px; color:#fff; padding:0 11px; margin:0 4px;}


/*产品展示*/
.ny-main.pro {}
.ny-main.pro .bd li{width: 269px;float: left;margin: 10px 14px;padding:8px;background-color: #f6f6f6;transition: .5s;-webkit-transition: .5s; }
.ny-main.pro .bd li .pic{width:270px;height: 180px;overflow: hidden}
.ny-main.pro .bd li .pic img{width:100%;height:auto;transition: 1s;-webkit-transition: 1s;}
.ny-main.pro .bd li .pic:hover img{transform: scale(1.1);transition: 1s;-webkit-transition: 1s;}
.ny-main.pro .bd li .tit{font-size: 16px;color: #666;line-height: 45px;text-align: center}
.ny-main.pro .bd li:hover {background-color:#083e9b;transition: .5s;-webkit-transition: .5s;}
.ny-main.pro .bd li:hover .tit a{color: #fff;transition: .5s;-webkit-transition: .5s;}



/*新闻中心*/
.ny-news {}
.ny-news .ft {border-bottom: 1px solid #f1f1f1;padding:0 0 40px 0}
.ny-news .ft .con {width: 50%}
.ny-news .ft .con .tit{font-size: 20px;color: #333;font-weight: bold;line-height: 45px;}
.ny-news .ft .con .ft-date{font-size: 12px;color: #999;line-height: 30px;}
.ny-news .ft .con .pra {color: #999;line-height: 30px;}
.ny-news .ft .con a {display: inline-block;width: 180px;height: 49px;border: 1px solid #0060a3;color: #0060a3;text-align: center;line-height: 49px;margin-top: 50px;transition: .5s;}
.ny-news .ft .con a:hover {border-color:#fff;color: #fff;transition: .5s;}
.ny-news .ft .pic{width:320px;height: 240px;overflow: hidden}
.ny-news .ft .pic img{width:100%;height: auto;}
.ny-news .ny-news-list {padding: 30px 0 43px 0;border-bottom: 1px solid #f1f1f1}
.ny-news .ny-news-list .date {width: 83px;height: 83px;background-color: #f1f1f1;}
.ny-news .ny-news-list .date {font-size: 14px;color: #666;text-align: center;transition: .5s;-webkit-transition: .5s}
.ny-news .ny-news-list .date span {font-size: 26px;color: #666;display: block;margin-top: 10px;transition: .5s;-webkit-transition: .5s}
.ny-news .ny-news-list .date:hover{background-color: #0060a3;color: #fff;transition: .5s;-webkit-transition: .5s}
.ny-news .ny-news-list .date:hover span {color: #fff;transition: .5s;-webkit-transition: .5s}
.ny-news .ny-news-list .int {padding-left: 30px;width: 87%;}
.ny-news .ny-news-list .int h3{font-size: 16px;color: #333;line-height: 30px}
.ny-news .ny-news-list .int h3:hover{font-size: 16px;color: #0060a3;}
.ny-news .ny-news-list .int p{font-size: 14px;color: #999999;line-height: 30px}


.ullist{ width:100%; }
.ullist li{line-height: 39px;width:100%; text-align:left; height:39px;  border-bottom:1px dashed #ccc; margin:0px; padding:0px; }
.ullist li a{color:#333333;font-size: 14px;}
.ullist li a i{position:relative;top:-3px;margin:0 4px 0 0;}
.ullist li a span{float:right;color:#999999;font-size: 14px;}


/**投诉中心**/
.compl-warp{ width:49%; margin:auto; padding-top:20px;}
.compl-filed { margin-top:26px; line-height:29px; min-height:29px; color:#4a4a4a;}
.compl-filed label{ width:160px; text-align:right; float:left; padding-right:5px;}
.compl-filed label .red{ color:#d21300;}
.compl-filed .inpt{ width:435px; height:27px; line-height:27px; padding-left:3px; border:1px #cccbcb solid; border-radius:5px;}
.compl-filed .select{ width:158px; height:29px; line-height:29px; padding-left:3px; border:1px #cccbcb solid; border-radius:5px;}
.compl-filed .filed-item{ padding-right:5px; float:left;}
.compl-filed .filed-item input[type='radio']{ margin:0 8px 0 20px;}
.compl-filed .wth100{ width:100px; margin-right:10px;}
.compl-filed .select.wth100{ width:105px;}
.compl-filed .textarea{ width:435px; height:120px; border:1px #cccbcb solid; border-radius:5px; padding:5px;}
.compl-filed .btn{ background:#307DB3; width:100px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:14px; border-radius:5px; cursor:pointer; border:none; }
.compl-tips{ padding:60px 90px 50px 90px; line-height:30px; color:#868686;}